﻿<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Gallery1.aspx.cs" Inherits="websoni.WebForm2" Title="Gallery" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
     <style type="text/css">
        .style1
        {
        	width:100%;
             height: 202px;
         }
         .style3
         {
             width: 5px;
         }
         .style4
         {
             width: 97%;
         }
    </style>
    
     <%--javascript references for lightbox--%>
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <%--stylesheet for lightbox--%>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</asp:Content>
<asp:Content ID="Content2" runat="server" 
    contentplaceholderid="ContentPlaceHolder1">

                            <table class="style1">
                                <tr>
                                    <td class="style3">
                                        &nbsp;</td>
                                    <td class="style4">
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td colspan="2" style="text-align: center">
                                        <asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" 
                                            Height="152px" Width="272px" RepeatColumns="5">
                                            <ItemTemplate>
                                                 <a href='<%# "images/"+Eval("images") %>' rel="lightbox[roadtrip2]" 
               title='<%#Eval("image_description") %>'>
        <img src='<%# "images/"+Eval("images") %>' alt="" />
                             </a>
                                                <%--<asp:Image ID="Image1" runat="server" Height="100px" 
                                                    ImageUrl='<%# "~/images/"+Eval("images") %>' Width="106px" />
                                                <br />
                                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("image_description") %>'></asp:Label>--%>
                                                 <br />
                                                 <br />
                                                 <asp:Label ID="Label1" runat="server" Text='<%# Eval("image_description") %>' 
                                                     style="font-size: small" Visible="False"></asp:Label>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style3">
                                        &nbsp;</td>
                                    <td class="style4">
                                        &nbsp;</td>
                                </tr>
    </table>

</asp:Content>

